window.onload = function () {
    const {createEditor, createToolbar} = window.wangEditor

    const editorConfig = {
        placeholder: '在这里输入内容...',
        onChange(editor) {
            const html = editor.getHtml()
            console.log('editor content', html)
            // 也可以同步到 <textarea>
        }
    }

    const editor = createEditor({
        selector: '#editor-container',
        html: '<p><br></p>',
        config: editorConfig,
        mode: 'default', // or 'simple'
    })

    const toolbarConfig = {}

    const toolbar = createToolbar({
        editor,
        selector: '#toolbar-container',
        config: toolbarConfig,
        mode: 'default', // or 'simple'
    })

    $("#submit-btn").click(function (event) {
        //阻止按钮的默认提交事件
        event.preventDefault();

        let title = $("input[name = 'title']").val();
        let category = $("#category-select").val();
        let content = editor.getHtml();
        let csrfmiddlewaretoken = $("input[name = 'csrfmiddlewaretoken']").val();
        $.ajax('/pub', {
            method: 'POST',
            data: {
                'title': title,
                'category': category,
                'content': content,
                'csrfmiddlewaretoken': csrfmiddlewaretoken
            },
            success: function (result) {
                if(result.code === 200){
                    let blog_id = result.data.blog_id;
                    window.location.href = '/blog/' + blog_id;
                }else {
                    alert(result.msg);
                }
            }

        })
    });
}